.box {
    background: #f5f7fa;
  }
  .main {
    width: 1154px;
    margin: 0 auto;
    padding: 80px 0 15px;
    .condition {
      font-size: 14px;
      padding: 40px 0 30px;
      .condition-item {
        color: #646464;
        > div {
          padding: 7px 8px;
          border-radius: 5px;
          cursor: pointer;
          margin-right: 10px;
          &:hover {
            color: #f01414;
          }
          &.active {
            background: #f01414;
            color: #fff;
          }
        }
      }
    }
  
    // 内容
    .course-item {
      width: 272px;
      // height: 282px;
      background: #ffffff;
      border-radius: 10px;
      overflow: hidden;
      color: #6e747a;
      margin-right: 22px;
      margin-bottom: 22px;
      box-shadow: 0 0 10px 3px #e8e8e8;
      &:nth-child(4n) {
        margin-right: 0;
      }
      .course-content {
        line-height: 24px;
        opacity: 0.7;
      }
      .C0088FF {
        color: #0088ff;
      }
      &:hover {
        box-shadow: 0 0 5px 2px #cfcfcf;
      }
    }
  }